/********** 字体 **********

作    者: lijianhui

时    间: 2017-01-01

注    意: 此文件修改需要团队评审

修 改 人: lijianhui

修改时间: 2017-01-01

修改说明: xxx

********** 字体 **********/

/*
@font-face {
  font-family:'font-name';
  src: url('../../font/font-name.eot');
 	src: url('../../font/font-name.eot?#iefix') format('embedded-opentype'),
 	url('../../font/font-name.woff2') format('woff2'),
 	url('../../font/font-name.woff') format('woff'),
 	url('../../font/font-name.ttf') format('truetype'),
 	url('../../font/font-name.svg#square721_cn_btroman') format('svg');
 	font-weight: normal;
 	font-style: normal;
}
*/

html{font-size:12px;}

body{line-height:@18px; font-size:@12px; color:@black-02;}

a{color:@black-02;
  &:hover{color:@black-01;}
}

input,select,pre,textarea{line-height:@18px; font-size:@12px; color:@black-02;}

.str-len{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.str-line-1,.str-line-2,.str-line-3,.str-line-4{display:-webit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.str-line-1{-webkit-line-clamp:1;}
.str-line-2{-webkit-line-clamp:2;}
.str-line-3{-webkit-line-clamp:3;}
.str-line-4{-webkit-line-clamp:4;}


@media(max-width:320px)
{//iPhone5
  //html{font-size:10px;}
}
@media(min-width:321px) and (max-width:639px)
{//手机竖屏
  //html{font-size:12px;}
}
@media(min-width:640px) and (max-width:767px)
{//手机横屏
  //html{font-size:12px;}
}
@media(min-width:768px) and (max-width:1023px)
{//平板竖屏
  html{font-size:14px;}
}
@media(min-width:1024px) and (max-width:1200px)
{//平板横屏
  html{font-size:14px;}
}
@media(min-width:1200px) and (max-width:1679px)
{//笔记本
  html{font-size:18px;}
}
@media(min-width:1680px)
{//台式机
  html{font-size:20px;}
}
